
<template>
  <div id="music_hall">
    <!-- 
            音乐厅：
            1.音乐导航部分(music_rotation)
            2.推荐歌单(recommendeds_list) >>> 推荐歌单详情页(recommoned_music_details)  
            3.最新音乐(latest_music)
            4.推荐mv(recommended_mv) >>> mv详情页(recommoned_mv_details)
     -->
    <!-- 
              deliver(){
            if(this.inputvalue == ""){
                alert("null")
            }
            else{
                this.$router.push("/3?word="+this.inputvalue)
                // this.$router.push("/1?word=${this.inputvalue})
            }
        }
     -->
    <!-- 轮播图 -->
    <MusicRotation></MusicRotation>
    <!-- 推荐歌单 -->
    <RecommendedsList></RecommendedsList>
    <!-- 最新音乐 -->
    <LatestMusic></LatestMusic>
    <!-- 推荐MV -->
    <HallMV></HallMV>
   
  </div>
</template>

<script>
import MusicRotation from "../components/hall_carousel";
import RecommendedsList from "../components/hall_recomList";
import LatestMusic from "../components/hall_latestMusic";
import HallMV from "../components/hall_mv";
export default {
  data() {
    return {
      middleUrls: ""
    };
  },
  components: {
    MusicRotation,
    RecommendedsList,
    LatestMusic,
    HallMV
  },
  mounted() {},
  methods: {
    // middleUrl(msg) {
    //   this.$parent.playUrl = msg;
    //   this.$parent.control = true;
    //   // this.$parent.play();
    //   console.log("音乐厅传递："+msg);
    // }
  }
};
</script>

<style lang="scss">

  #music_hall {
    height: auto;
    footer {
      position: relative;
      img {
        position: relative;
        top: -5px;
        left: 50%;
        transform: translateX(-50%);
        width: 8vw;
      }
      p {
        text-align: center;
        font-size: 17px;
        font-weight: 800;
        line-height: 4px;
      }
    }
  }
</style>